<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>3D交互式卡片悬停效果</title>
  <link rel="stylesheet" href="./css/style.css">

</head>
<body>
<div class="overlay">
</div>

<div class="card">
  <div class="glare-container">
    <div class="glare">
    </div>
  </div>
</div>

<div class="card card-1">
  <div class="glare-container">
    <div class="glare">
    </div>
  </div>
</div>

<div class="card card-2">
  <div class="glare-container">
    <div class="glare">
    </div>
  </div>
</div>
  <script src='./js/jquery-3.6.0.min.js'></script>
  <script  src="./js/script.js"></script>

</body>
</html>
